<template>
  <div>
    <CaseBody :search-content="searchContent" :subtitles="subtitles" />
  </div>
</template>

<script>
import CaseBody from '@/components/common/CaseBody.vue'

export default {
  name: 'NewsCenter',
  components: {
    CaseBody
  },
  props: {
    searchContent: {
      default: '',
      type: String
    }
  },
  data() {
    return {
      subtitles: [
        {
          path: '/newsPolitical',
          title: '新闻中心',
          subtitle: '时政要闻'
        },
        {
          path: '/newsCenter',
          title: '新闻中心',
          subtitle: '本地要闻'
        },
        {
          path: '/workTrend',
          title: '新闻中心',
          subtitle: '工作动态'
        }
      ]
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style lang="scss" scoped>
.warningPage {
  font-family: 思源黑体 CN Medium;
  margin: -8px auto 0 auto;
  width: 1200px;
  min-height: 560px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  .warningLeft {
    width: 900px;
    height: 100%;
    display: flex;
    flex-direction: column;
    // margin-top: 35px;
    .warningLeftTitle {
      width: 900px;
      // margin-top: 25px;
      margin-bottom: 6px;
      padding: 0 0 2px 30px;
      border-bottom: 1px solid #cbcbcb;

      p {
        display: inline-block;
        font-size: 22px;
        font-weight: 700;
      }

      span {
        margin-right: 10px;
        display: inline-block;
        width: 5px;
        height: 26px;
        background-color: #4497f7;
      }
    }
  }

  .waringTip {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    // margin-top: 35px;

    .tipContent {
      .tipList {
        width: 250px;
        height: 100px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        .tipText {
          width: 250px;
          font-size: 28px;
          font-family: 思源黑体 CN Medium;
          -webkit-line-clamp: 1;
          line-height: 100px;
          text-align: center;
          color: #fff;
          font-weight: 700;
          background-color: #024da0;
        }
      }
    }
  }
}
</style>
